<template>
	<view class="card" style="margin-bottom: 20px;">
			<!-- 头部内容 -->
			<view class="card-header">
				<text class="header-title">{{title}}</text>
				<navigator :url="type === 'course'? '/pages/course/list/list':'/pages/teacher/teacher'" :open-type="type==='course'?'switchTab':'navigate'">
					<text class="header-more">{{more}}></text>
				</navigator>
			</view>
			<!-- 列表内容项 -->
			<slot></slot>
	</view>
</template>

<script lang="ts">
import {defineComponent} from 'vue'
export default defineComponent({
		name:'V-card'
})
</script>

<script setup lang="ts">
	const {type} =  defineProps(['title','more','type'])
</script>
<style lang="less">
	.card{
		.card-header{
			display: flex;
			justify-content: space-between;
			background-color: #00cc99;
			font-size: 30rpx;
			height: 60rpx;
			line-height: 60rpx;
		}
	}
</style>